<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>details详情</title>
        <link rel="icon" href="https://course.myhope365.com/favicon.ico">
        <script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
        <link rel="stylesheet" href="./lib/Bootstrap/css/bootstrap.min.css">
        <script src="./lib/jquery/jquery-3.4.1.min.js"></script>
        <script src="./lib/swiper/swiper-bundle.min.js"></script>
        <script src="./lib/Bootstrap/js/bootstrap.min.js"></script>
        <link rel="stylesheet" href="./lib/swiper/swiper-bundle.min.css">
        <link rel="stylesheet" href="./css/details.css">
        <script src="./js/details.js"></script>
    </head>
    <body>
        <div class="box">
            <!-- 顶部区域 -->
            <div class="box_ceiling">
                <div class="ceiling_top">
                    <!-- 天亮logo -->
                    <div class="ceiling_logo">
                        <img src="https://course.myhope365.com/img/logo-text-green.2137bfaa.png" alt="">
                    </div>
                    <!-- 导航栏与搜索框 登录 -->
                    <div class="ceiling_top_list">
                        <!-- 导航栏 -->
                        <nav class="col-5">
                            <ul>
                                <li><a href="./index.html">首页</a></li>
                                <li class="none">
                                    <a class="pullDown" id="pullDown" href="#">课程分类<img src="./images/向下箭头_黑.png" alt=""></a>
                                    <!-- 课程分类的下拉列表 -->
                                    <ul class="pull-down" style="display: none;">
                                        <!-- <li><a href="#">宇哥带你学Java</a></li>
                                        <li><a href="#">学长面对面</a></li>
                                        <li><a href="#">职业素养必修课</a></li>
                                        <li><a href="#">大数据</a></li>
                                        <li><a href="#">WEB前端</a></li>
                                        <li><a href="#">数据库</a></li>
                                        <li><a href="#">网络爬虫</a></li>
                                        <li><a href="#">求职技巧</a></li>
                                        <li><a href="#">项目实战</a></li>
                                        <li><a href="#">公共常用开发技术</a></li>
                                        <li><a href="#">经典笔试面试题</a></li>
                                        <li><a href="#">JavaSe核心基础</a></li> -->
                                    </ul>
                                </li>
                                <li><a href="#">教学管理云平台</a></li>
                            </ul>
                        </nav>
                        <!-- 搜索框 -->
                        <div class="search col-3">
                            <input type="text" placeholder="搜索课程~">
                            <button>
                                <img src="" alt="">
                            </button>
                        </div>
                        <!-- 购物车 登录 -->
                        <div class="ceiling_car_in">
                            <!-- 购物车 -->
                            <div class="car">
                                <img src="" alt="">
                            </div>
                            <!-- 登录按钮 -->
                            <div class="goin" id="userIn">
                                <button class="glyphicon glyphicon-user" data-toggle="modal" data-target="#register"><b>登录/注册</b></button> 
                                <div class="topDown" style="display: none;">
                                    <ul>
                                        <li>个人中心</li>
                                        <li>我的课程</li>
                                        <li>我的订单</li>
                                        <li class="out">退出登录</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 主题内容区域 -->
            <section>
                <div class="mainContent">
                    <!-- 头部 -->
                    <header>
                        <p><a href="D:/vscode/dm/云课堂/index.html">首页</a> > 直播详情</p>
                    </header>
                    <section class="boxSection">
                        <div class="content">
                            <!-- <img src="https://online-course.nos-eastchina1.126.net/1-1352930580794179584.png" alt=""> -->
                        </div>
                        <div class="contentText">
                            <!-- <h3>求职技巧之重难点问题剖析与解决</h3>
                            <p class="study">累计79人学习</p>
                            <p class="expense">免费</p>
                            <button>立即报名</button> -->
                        </div>
                        <div class="collect">
                            <!-- <p><img src="./images/收藏.png" alt=""></p> -->
                            <p><img src="./images/收藏.png" alt=""><br>收藏</p>
                        </div>
                    </section>
                </div>
                <div class="evaluate">
                    <header>
                        <ul>
                            <li class="describe pd liStyle">课程描述</li>
                            <li class="catalogue pd">目录</li>
                            <li class="comment pd">评论</li>
                        </ul>
                    </header>
                    <div class="section">
                        <div class="sec sec_1">
                            
                        </div>
                        <div class="sec catalogue">
                            <ul id="sec_2">
                                <!-- <div>
                                    <h3>1. 第01天_HTML之HTML初始</h3>
                                    <div data-v-3a7480b1="" class="ant-tag ant-tag-has-color" style="background-color: rgb(45, 183, 245);"><i data-v-3a7480b1="" aria-label="icon: cloud-download" class="anticon anticon-cloud-download"><svg data-v-3a7480b1="" viewBox="64 64 896 896" data-icon="cloud-download" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M624 706.3h-74.1V464c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v242.3H400c-6.7 0-10.4 7.7-6.3 12.9l112 141.7a8 8 0 0 0 12.6 0l112-141.7c4.1-5.2.4-12.9-6.3-12.9z"></path><path d="M811.4 366.7C765.6 245.9 648.9 160 512.2 160S258.8 245.8 213 366.6C127.3 389.1 64 467.2 64 560c0 110.5 89.5 200 199.9 200H304c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8h-40.1c-33.7 0-65.4-13.4-89-37.7-23.5-24.2-36-56.8-34.9-90.6.9-26.4 9.9-51.2 26.2-72.1 16.7-21.3 40.1-36.8 66.1-43.7l37.9-9.9 13.9-36.6c8.6-22.8 20.6-44.1 35.7-63.4a245.6 245.6 0 0 1 52.4-49.9c41.1-28.9 89.5-44.2 140-44.2s98.9 15.3 140 44.2c19.9 14 37.5 30.8 52.4 49.9 15.1 19.3 27.1 40.7 35.7 63.4l13.8 36.5 37.8 10C846.1 454.5 884 503.8 884 560c0 33.1-12.9 64.3-36.3 87.7a123.07 123.07 0 0 1-87.6 36.3H720c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h40.1C870.5 760 960 670.5 960 560c0-92.7-63.1-170.7-148.6-193.3z"></path></svg></i>下载</div>
                                </div>
                                <li><span>1-1 开发工具的介绍</span><div data-v-3a7480b1="" class="section-action"><span data-v-3a7480b1=""><span data-v-3a7480b1="" class="play-icon"><i data-v-3a7480b1="" aria-label="icon: play-circle" class="anticon anticon-play-circle"><svg data-v-3a7480b1="" viewBox="64 64 896 896" data-icon="play-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"></path><path d="M719.4 499.1l-296.1-215A15.9 15.9 0 0 0 398 297v430c0 13.1 14.8 20.5 25.3 12.9l296.1-215a15.9 15.9 0 0 0 0-25.8zm-257.6 134V390.9L628.5 512 461.8 633.1z"></path></svg></i></span><span data-v-3a7480b1="" class="play-text"> 观看 </span></span></div></li>
                                <div>
                                    <h3>1. 第01天_HTML之HTML初始</h3>
                                    <div data-v-3a7480b1="" class="ant-tag ant-tag-has-color" style="background-color: rgb(45, 183, 245);"><i data-v-3a7480b1="" aria-label="icon: cloud-download" class="anticon anticon-cloud-download"><svg data-v-3a7480b1="" viewBox="64 64 896 896" data-icon="cloud-download" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M624 706.3h-74.1V464c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v242.3H400c-6.7 0-10.4 7.7-6.3 12.9l112 141.7a8 8 0 0 0 12.6 0l112-141.7c4.1-5.2.4-12.9-6.3-12.9z"></path><path d="M811.4 366.7C765.6 245.9 648.9 160 512.2 160S258.8 245.8 213 366.6C127.3 389.1 64 467.2 64 560c0 110.5 89.5 200 199.9 200H304c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8h-40.1c-33.7 0-65.4-13.4-89-37.7-23.5-24.2-36-56.8-34.9-90.6.9-26.4 9.9-51.2 26.2-72.1 16.7-21.3 40.1-36.8 66.1-43.7l37.9-9.9 13.9-36.6c8.6-22.8 20.6-44.1 35.7-63.4a245.6 245.6 0 0 1 52.4-49.9c41.1-28.9 89.5-44.2 140-44.2s98.9 15.3 140 44.2c19.9 14 37.5 30.8 52.4 49.9 15.1 19.3 27.1 40.7 35.7 63.4l13.8 36.5 37.8 10C846.1 454.5 884 503.8 884 560c0 33.1-12.9 64.3-36.3 87.7a123.07 123.07 0 0 1-87.6 36.3H720c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h40.1C870.5 760 960 670.5 960 560c0-92.7-63.1-170.7-148.6-193.3z"></path></svg></i>下载</div>
                                </div>
                                <li><span>1-1 开发工具的介绍</span><div data-v-3a7480b1="" class="section-action"><span data-v-3a7480b1=""><span data-v-3a7480b1="" class="play-icon"><i data-v-3a7480b1="" aria-label="icon: play-circle" class="anticon anticon-play-circle"><svg data-v-3a7480b1="" viewBox="64 64 896 896" data-icon="play-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"></path><path d="M719.4 499.1l-296.1-215A15.9 15.9 0 0 0 398 297v430c0 13.1 14.8 20.5 25.3 12.9l296.1-215a15.9 15.9 0 0 0 0-25.8zm-257.6 134V390.9L628.5 512 461.8 633.1z"></path></svg></i></span><span data-v-3a7480b1="" class="play-text"> 观看 </span></span></div></li> -->
                            </ul>
                        </div>
                        <div class="sec" id="sec_3">
                            <div class="review">
                                <p>评论</p>
                                <p class="good">
                                    <img src="./images/213收藏.png" alt="">
                                    <img src="./images/213收藏.png" alt="">
                                    <img src="./images/213收藏.png" alt="">
                                    <img src="./images/213收藏.png" alt="">
                                    <img src="./images/213收藏.png" alt="">
                                    <span>非常好</span>
                                </p>
                                <div>
                                    <textarea class="ant-input" placeholder="请发表您对课程的评价" style="height: 135.6px; min-height: 135.6px; max-height: 135.6px; overflow-y: hidden;"></textarea>
                                </div>
                                <button>发布评论</button>
                            </div>
                            <div class="hr"></div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- 底部 -->
            <footer>
                <div class="ftbox">
                    <div class="ft1">友情链接:</div>
                    <div class="ft2">
                        <ul>
                            <li><a href="#">天亮教育</a></li>
                            <li><a href="#">星云大数据平台</a></li>
                            <li><a href="#">教学管理平台</a></li>
                            <li><a href="#">尚云科技</a></li>
                            <li><a href="#">天亮公开课资源</a></li>
                        </ul>
                    </div>
                    <div class="ft3"></div>
                    <p>Copyright © 2017-2025 石家庄天亮教育科技有限公司 备案号:冀ICP备17020003号</p>
                </div>
            </footer>
        </div>
        <!-- 登录、注册 -->
        <div id="register" class="modal fade" tabindex="-1">
            <div class="modal-dialog">
                <div class="modal-content" style="padding: 20px 36px 24px;width: 360px;height: 332px;">
                    <div class="modal-body">
                        <button class="close" data-dismiss="modal">
                            <span>&times;</span>
                        </button>
                    </div>
                    <div class="userIn">
                        <div class="user color_text">普通登录</div>
                        <div class="pow">手机登录</div>
                    </div>
                    <div class="modal-body module_body">
                        <form class="form-group" id="form-group" action="">
                            <div class="form-group input_user">
                                <img src="./images/用户名.png" alt="">
                                <input class="form-control" id="user" type="text" placeholder="请输入账户名">
                            </div>
                            <div class="form-group input_pow">
                                <img src="./images/密码.png" alt="">
                                <input class="form-control" id="pow" type="password" placeholder="请输入密码">
                            </div>
                            <div class="text-right">
                                <button class="form-control btnIn btn-primary" id="btnIn" type="button" style="color: #fff; background-color: #00CF8C; margin-top: 25px; margin-bottom: 20px;">登录</button>
                            </div>
                            <a href="" class="register href_a">立刻注册！</a>
                            <a href="" class="forgot href_a">忘记密码？</a>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </body>
</html>